<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>订单管理-鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<section class="section-right">
		<!--deer-tit-->
		<div class="deer-tit">
			<h3>用户管理</h3>
			<h4>所有用户</h4>
		</div>
		<!--/deer-tit-->
		<!--deer-content-->
		<div class="deer-content">
			<div class="buyer-consume">
				<span>消费查询：</span>
				<a href="" data-type="1" class="active">全部</a>
				<a href="" data-type="7">7天未消费</a>
				<a href="" data-type="15">15天未消费</a>
				<a href="" data-type="30">30天未消费</a>
				<a href="" data-card="53">普通会员</a>
				<a href="" data-card="63">中级会员</a>
				<a href="" data-card="65">至尊会员</a>
				<a href="" data-card="62">初级会员</a>
				<a href="" data-type="68">高级会员</a>
				<a href="" data-user="1">营运车辆</a>
				<a href="" data-user="2">大客户</a>
			</div>
			<div class="order-nav clearfix layui-form">
				<dl ><input type="text" name="username"  placeholder="输入用户名称" autocomplete="off" class="layui-input"></dl>
				<dl><input type="text" name="card_id"  placeholder="输入客户卡号" autocomplete="off" class="layui-input"></dl>
				<dl><input type="text" name="start_integral"  placeholder="开始积分" autocomplete="off" class="layui-input"></dl>
				<dl style="width: 1em; line-height: 38px;text-align: center;">-</dl>
				<dl><input type="text" name="end_integral"  placeholder="结束积分" autocomplete="off" class="layui-input"></dl>
				<dl><input type="text" name="phone"  placeholder="输入手机号" autocomplete="off" class="layui-input"></dl>
				<dl><input type="text" name="car_id"  placeholder="车牌号查询" autocomplete="off" class="layui-input"></dl>
				<dl><input type="text" name="gtimes"  placeholder="大于加油次数查询" autocomplete="off" class="layui-input"></dl>
				<dl><input type="text" name="start"  placeholder="单次加油次数查询" autocomplete="off" class="layui-input"></dl>
				<dl style="width: 320px"><input name="search_time" placeholder="注册时间查询" class="layui-input" id="search_time" lay-key="1"></dl>
            	<div class="order-nav-search">
            		<dl class="deer-btn" lay-submit lay-filter="*" >查询</dl>
            		<dl class="deer-btns">复位</dl>
            	</div>
			</div>
			<section class="order-table">
				<table class="layui-table" lay-skin="line">
				  <thead>
				    <tr>
				      <th>用户名称</th>
				      <th>性别</th>
				      <th>电话</th>
				      <th>车牌号</th>
				      <th>等级</th>
				      <th>成长值</th>
				      <th>积分</th>
				      <th>加油次数</th>
				      <th>客户类型</th>
				      <th>注册时间</th>
				      <th>操作</th>
				    </tr> 
				  </thead>
				  <tbody>
				    <tr>
				    	<td>黄金清纯小王子</td>
				    	<td>男</td>
				    	<td>18953989303</td>
				    	<td>京A88886</td>
				    	<td>普通会员</td>
				    	<td>400</td>
				    	<td>400</td>
				    	<td>20</td>
				    	<td>无</td>
				    	<td>2018-02-14 15:59:49</td>
				    	<td>
				    		<div class="ware-staff">
				   				<dl>操作<i class="fa fa-angle-down fa-5" aria-hidden="true"></i><input type="hidden" value="0"/></dl>
					   			<dt>
					   				<a href="#">编辑</a>
					   				<a href="#">消费详情</a>
					   				<a href="#">送优惠卷</a>
					   				<a href="#">会员记录</a>
					   			</dt>
				   			</div>
				    	</td>
				    </tr>
				    <tr>
				    	<td>黄金清纯小王子</td>
				    	<td>男</td>
				    	<td>18953989303</td>
				    	<td>京A88886</td>
				    	<td>普通会员</td>
				    	<td>400</td>
				    	<td>400</td>
				    	<td>20</td>
				    	<td>无</td>
				    	<td>2018-02-14 15:59:49</td>
				    	<td>
				    		<div class="ware-staff">
				   				<dl>操作<i class="fa fa-angle-down fa-5" aria-hidden="true"></i><input type="hidden" value="0"/></dl>
					   			<dt>
					   				<a href="#">编辑</a>
					   				<a href="#">消费详情</a>
					   				<a href="#">送优惠卷</a>
					   				<a href="#">会员记录</a>
					   			</dt>
				   			</div>
				    	</td>
				    </tr>
				    <tr>
				    	<td>黄金清纯小王子</td>
				    	<td>男</td>
				    	<td>18953989303</td>
				    	<td>京A88886</td>
				    	<td>普通会员</td>
				    	<td>400</td>
				    	<td>400</td>
				    	<td>20</td>
				    	<td>无</td>
				    	<td>2018-02-14 15:59:49</td>
				    	<td>
				    		<div class="ware-staff">
				   				<dl>操作<i class="fa fa-angle-down fa-5" aria-hidden="true"></i><input type="hidden" value="0"/></dl>
					   			<dt>
					   				<a href="#">编辑</a>
					   				<a href="#">消费详情</a>
					   				<a href="#">送优惠卷</a>
					   				<a href="#">会员记录</a>
					   			</dt>
				   			</div>
				    	</td>
				    </tr>
				    <tr>
				    	<td>黄金清纯小王子</td>
				    	<td>男</td>
				    	<td>18953989303</td>
				    	<td>京A88886</td>
				    	<td>普通会员</td>
				    	<td>400</td>
				    	<td>400</td>
				    	<td>20</td>
				    	<td>无</td>
				    	<td>2018-02-14 15:59:49</td>
				    	<td>
				    		<div class="ware-staff">
				   				<dl>操作<i class="fa fa-angle-down fa-5" aria-hidden="true"></i><input type="hidden" value="0"/></dl>
					   			<dt>
					   				<a href="#">编辑</a>
					   				<a href="#">消费详情</a>
					   				<a href="#">送优惠卷</a>
					   				<a href="#">会员记录</a>
					   			</dt>
				   			</div>
				    	</td>
				    </tr>
				  </tbody>
				</table>
				<div class="order-table-footer clearfix">
					<div class="order-table-num">
						<code>共有 143 位用户</code>
					</div>
					<div class="order-table-page">
						<div id="demo3">
							
						</div>
					</div>
				</div>
				
			</section>
		</div>
		<!--deer-content-->
	</section>
	
	<!--js-->
	<aside>
		<script type="text/javascript" src="../layui/layui.js" ></script>
		<script type="text/javascript">
			layui.use(['form','laydate','laypage','jquery'], function(){
			  	var form = layui.form;
			  	var laydate=layui.laydata;
			  	var laypage=layui.laypage;
			  	var $=layui.jquery;
			  	
			  
			  	laydate=layui.laydate;
					laydate.render({
			        elem: '#search_time' //指定元素
			        ,type:'datetime'
			        ,range: '/'
			    })
			    laypage.render({
				    elem: 'demo3'
				    ,count: 1000//data.length
				    ,theme: '#00cc9a'
			    	,prev: '«'
			    	,next: '»'
			  	})
			    
			    $('.buyer-consume a').bind('click',function(){
			    	$(this).addClass('active').siblings().removeClass('active')
			    	return false
			    })
			    
			    form.on('submit(*)', function(data){
				  console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
				  return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
				});
			    
			    
			    $('.ware-staff>dl').bind('click',function(e){
					e.stopPropagation()//取消冒泡
					var	 num=$(this).index('.ware-staff>dl');	
					if($('.ware-staff>dl input').val()==0){
						$('.ware-staff>dt').eq(num).show()
						$('.ware-staff>dl').eq(num).addClass('ware-btnbg')
						$('.ware-staff>dl input').val(1)
					}else{
						$('.ware-staff>dt').hide()
						$('.ware-staff>dl input').val(0)
						$('.ware-staff>dl').removeClass('ware-btnbg')
					}
				})
			    
			    //取消冒泡
				$('.ware-staff>dt').bind('click',function(e){
					e.stopPropagation()
				})
				//全局点击隐藏
				$(document).bind('click',function(){
					$('.ware-staff>dt').hide()
					$('.ware-staff>dl input').val(0)
					$('.ware-staff>dl').removeClass('ware-btnbg')
				})
				
				
			    
			    
			    
			    
			    
			    
			    
			    
			});
			</script>
		</script>
	</aside>
	<!--js-->
	
	
	
</body>
</html>